<template>
  <h1 class="font-normal text-gray-600">
    {{ i18nStore.translate('file_type_preview_not_supported_temporarily') }}
  </h1>
</template>

<script setup>
import { useI18nStore } from '@/stores'
const i18nStore = useI18nStore()
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>

<style lang="scss">
section.docx {
  width: 100% !important;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
  margin-bottom: 50px;
}
</style>
